.detailed-card:has(.bf-offer-tag).detailed-card {
  position: relative;
  border: 2px solid #bf0000;
  border-top-right-radius: 0;
  border-top-left-radius: 0;
  margin-top: 72px !important;
}

@media (min-width: 768px) {
  .detailed-card:has(.bf-offer-tag).detailed-card {
    border-bottom-left-radius: 16px;
    margin-bottom: 66px;
    border-top-left-radius: 16px;
  }
}

.detailed-card:has(.bf-offer-tag).detailed-card .detailed-card-container {
  border: 0;
  border-top-right-radius: 0;
}

.detailed-card:has(.bf-offer-tag).detailed-card
  .detailed-card__column--full-width
  + .detailed-card-container {
  border-top-right-radius: 16px;
}

@media (max-width: 767px) {
  .detailed-card:has(.bf-offer-tag).detailed-card .detailed-card-header,
  .detailed-card:has(.bf-offer-tag).detailed-card .image-carousel--with-arrows,
  .detailed-card:has(.bf-offer-tag).detailed-card .slick-list,
  .detailed-card:has(.bf-offer-tag).detailed-card .slick-list img {
    border-radius: 0;
  }
}

.detailed-card:has(.bf-offer-tag) .bf-offer-tag {
  position: absolute;
  top: 0;
  right: 0;
  width: calc(100% + 4px);
  -webkit-transform: translate(2px, -100%);
  transform: translate(2px, -100%);
  background-color: #bf0000;
  color: #fff;
  padding: 12px 10px;
  text-transform: initial;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
  border: 2px solid #bf0000;
  text-align: center;
}

@media (min-width: 768px) {
  .detailed-card:has(.bf-offer-tag) .bf-offer-tag {
    width: 30%;
    top: -2px;
  }
}

@media (min-width: 1024px) {
  .detailed-card:has(.bf-offer-tag) .bf-offer-tag {
    width: calc(25% + 2px);
    top: 0;
  }
}

.detailed-card:has(.bf-offer-tag) .bf-italic {
  font-style: italic;
}

.detailed-card:has(.bf-offer-tag) .bf-bold {
  font-weight: 700;
}

.bf366 .bf-offer-tag {
  padding: 6px 10px 5px;
  cursor: pointer;
}
.bf366 .bf-offer-tag .bf366-top-pick {
  display: flex;
  justify-content: center;
  align-items: center;
}
.bf366 .bf-offer-tag .bf366-top-pick h6 {
  font-size: 0.875rem;
}
.bf366 .bf-offer-tag .bf366-top-pick .info-logo {
  display: block;
}
@media screen and (max-width: 767px) {
  .bf366 .bf366-top-pick-tooltip {
    position: fixed;
    left: 0;
    right: 0;
    bottom: 10px;
    width: 96%;
    margin: 0 auto;
    max-height: none;
    border-radius: 16px;
    padding: 20px;
    background: #fff;
    color: #252a31;
    border: 1px solid #e9ebf1;
    z-index: 100;
    transform: translateY(100%);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    transition:
      transform 0.25s ease,
      opacity 0.2s ease,
      visibility 0s linear 0.25s,
      -webkit-transform 0.25s ease;
  }
  .bf366 .bf366-top-pick-tooltip.bf366-tooltip-show {
    transform: translateY(0);
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transition:
      transform 0.25s ease,
      opacity 0.2s ease;
  }
}
@media screen and (min-width: 768px) {
  .bf366 .bf366-top-pick-tooltip {
    background-color: #fff;
    padding: 12px;
    z-index: 3;
    bottom: -43px;
    right: 4px;
    border: 1px solid #e9ebf1;
    border-radius: 6px;
    opacity: 0;
    pointer-events: none;
    box-shadow: 0 20px 27px -4px rgba(37, 42, 49, 0.08);
    transition:
      opacity 0.15s ease,
      transform 0.15s ease,
      -webkit-transform 0.15s ease;
  }
  .bf366 .bf366-top-pick-tooltip:after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-bottom: 10px solid #fff;
    content: "";
    position: absolute;
    left: 50%;
    top: -9px;
    transform: translateX(-50%);
  }
  .bf366 .bf366-top-pick-tooltip.bf366-tooltip-show {
    opacity: 1;
    pointer-events: auto;
    transform: translateY(0);
    position: absolute;
  }
}
.bf366 .bf366-top-pick-tooltip p {
  color: #203240;
  font-size: 0.875rem;
}
@media screen and (min-width: 768px) {
  .bf366 .bf366-top-pick-tooltip p {
    white-space: nowrap;
  }
}
.bf366 .tooltip-backdrop.is-active-bf366 {
  opacity: 1;
  visibility: visible;
  pointer-events: auto;
}

@media screen and (max-width: 767px) {
  .bf366-scroll-lock {
    width: 100vw;
    overflow: hidden;
    position: fixed;
  }
}

.bf366 .info-logo--light {
  background-image: url('data:image/svg+xml,<svg width="31" height="31" viewBox="0 0 31 31" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M14.9987 0.00155988C6.61253 0.108769 -0.105944 7.00586 0.00126545 15.4039C0.108475 23.79 7.00563 30.5084 15.4037 30.4012C23.8018 30.294 30.5084 23.3969 30.4012 14.9989C30.294 6.60085 23.3968 -0.117561 14.9987 0.00155988ZM16.6902 5.06419C18.2388 5.06419 18.6915 5.9576 18.6915 6.98204C18.6915 8.26854 17.667 9.44783 15.916 9.44783C14.4508 9.44783 13.7598 8.70929 13.7956 7.49425C13.7956 6.46982 14.6533 5.06419 16.6902 5.06419ZM12.7235 24.6953C11.6633 24.6953 10.889 24.052 11.6276 21.2408L12.8426 16.2377C13.057 15.4396 13.0928 15.118 12.8426 15.118C12.521 15.118 11.1511 15.6659 10.341 16.2139L9.81691 15.3443C12.3899 13.2001 15.3442 11.9375 16.6069 11.9375C17.667 11.9375 17.8338 13.1882 17.3097 15.1061L15.9279 20.3593C15.6777 21.2884 15.7849 21.6101 16.0351 21.6101C16.3567 21.6101 17.3931 21.2289 18.4056 20.4189L19.0012 21.217C16.5116 23.7423 13.7837 24.6953 12.7235 24.6953Z" fill="white"/></svg>');
}
.bf366 .info-logo {
  position: relative;
  bottom: auto;
  right: auto;
  height: 12px;
  width: 12px;
  margin-left: 6px;
  background-size: 100%;
  background-repeat: no-repeat;
  background-position: center;
  display: inline-block;
}

.bf366 .tooltip-backdrop {
    position: fixed;
    inset: 0;
    background: rgba(0, 0, 0, .5);
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    z-index: 3;
    -webkit-transition: opacity .2s ease;
    transition: opacity .2s ease;
}